﻿{include file="base/header"}
<link rel="stylesheet" type="text/css" href="/static/css/css_1.css?v=0.0.9"/>
<style>	
.location{max-width: 1200px;
    width: 95%;
    margin: 0 auto;
    max-height: 999999px;}
@media screen and (max-width: 1023px){	
	.about_ban_bg{padding:0px}
}	
</style>	


{volist name="cate_tree" id="vo"}
{if condition="$key eq 0"}
<div class="about_ban wow fadeInUp clear" style="background: url({$vo.img}) center bottom no-repeat;">
  <div class="pos_c" id="{$vo.id}"></div>
  <div class="about_ban_bg">
    <div class="w comflex">
      <div class="ab_tit"><em>About <font>Us</font></em><p>{$vo.title}</p></div>
      <div class="txt">
        <em>{$vo.title_fu}</em>
        {$vo.info|raw}
      </div>
    </div>
  </div>
  <div class="w"><img src="/static/images/df_ban1.png" /></div>
</div>
<!-- <div class="location">您的位置：<a href="/">主页</a> 
	{volist name="info.navigation" id="vo"}
	&gt; <a href="{:url('cate/index',['cid'=>$vo['id']])}">{$vo.title}</a>
	{/volist}
</div> -->
{elseif condition="$key eq 1"}
<div class="ab_con1 wow fadeInUp clear">
  <div class="pos_c" id="{$vo.id}"></div>
  <div class="w">
    <div class="ab_tit"><em>Development <font>Path</font></em><p>{$vo.title}</p></div>
    <div class="swiper ab_con1_c">
      <div class="swiper-wrapper">
		{sp:articles cid="$vo['id']" id="vo1" field='a_id,title,desc' order="sort asc,a_id asc"}
        <div class="swiper-slide">
          <div class="txt">
            <em>{$vo1.title}</em>
            <p>{$vo1.desc}</p>
            <span>{$vo1.title}</span>
          </div>
        </div>
		{/sp:articles}
        
      </div>
    </div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
    <script>
      var ab_con1_c = new Swiper(".ab_con1_c", {
        slidesPerView:4,
        slidesPerGroup:4,
        loopFillGroupWithBlank: true,
		autoplay: {
		  pauseOnMouseEnter: true,
		  disableOnInteraction: false,
		},
        navigation: {
          nextEl: ".ab_con1 .swiper-button-next",
          prevEl: ".ab_con1 .swiper-button-prev",
        },
		breakpoints: {
		  640: {
			slidesPerView:1,
			slidesPerGroup:1,
		  },
		  1024: {
			slidesPerView:4,
			slidesPerGroup:4,
		  },
		},
      });
    </script>
  </div>
</div>
{elseif condition="$key eq 2"}

<div class="ab_con3 wow fadeInUp clear" style="background: url({$vo.img}) #000 no-repeat center bottom;">
  <div class="pos_c" id="{$vo.id}"></div>
  <div class="w">
    <div class="ab_tit"><em>Enterprise <font>Qualification</font></em><p>{$vo.title}</p></div>
    <div class="ab_con3_w">
      <div class="swiper ab_con3_c">
        <div class="swiper-wrapper">
		{sp:articles cid="$vo['id']" id="vo1" field='a_id,title,img' order="sort asc,a_id asc"}
          <div class="swiper-slide">
			  <a href="javascrpt:">
				<div class="pic"><img class="df_pic" src="/static/images/df2.png" />
					<div class="pic_w comflex2"><img src="{$vo1.img}" /></div>
				</div>
				<p>{$vo1.title}</p>
			  </a>
		  </div>
		{/sp:articles}  
        </div>
      </div>
      <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
    </div>
    <script>
	  var ab_con3_c = new Swiper(".ab_con3_c", {
		slidesPerView:3,
		autoplay: {
		  pauseOnMouseEnter: true,
		  disableOnInteraction: false,
		},
		navigation: {
			nextEl: ".ab_con3_w .swiper-button-next",
			prevEl: ".ab_con3_w .swiper-button-prev",
		  },
		breakpoints: {
		  640: {
			slidesPerView:2,
		  },
		  1024: {
			slidesPerView:3,
		  },
		},
	  });
	</script>
  </div>
</div>

{elseif condition="$key eq 3"}
<div class="ab_con2 wow fadeInUp clear">
  <div class="pos_c" id="{$vo.id}"></div>
  <div class="w">
    <div class="ab_tit"><em>Recent <font>News</font></em><p>{$vo.title}<a href="/index/cate/index/cid/{$vo.id}.html" style="font-size: 14px;color: #ccc;margin-left: 20px;">更多+</a></p></div>
    <ul class="ab_con2_list comflex1">
	  {sp:articles cid="$vo['id']" id="vo1" field='a_id,title,img,desc,create_time' order="sort asc,a_id asc" limit="2"}	
      <li>
        <div class="pic"><img src="{$vo1.img}" /><em>{$vo1.create_time|date='Y-m-d'}</em></div>
        <h3>{$vo1.title}</h3>
        <p>{$vo1.desc}</p>
        <a class="more" href="{:url('article/info',['id'=>$vo1['a_id']])}">查看更多</a>
      </li>
	  {/sp:articles} 
    </ul>
  </div>
</div>
{elseif condition="$key eq 4"}
<div class="con4 w wow fadeInUp clear">
  <div class="pos_c" id="{$vo.id}"></div>
  <div class="titc"><span>business layout</span><em>{$vo.title}</em></div>
  <div class="con4_w comflex">
    <div class="con4_c">
      <div class="swiper map" thumbsSlider="">
        <img src="/static/images/map.png" />
        <ul class="swiper-wrapper city_list com">
		{sp:articles cid="$vo['id']" id="vo1" field='a_id,title,desc' order="sort asc,a_id asc"}	
          <li class="swiper-slide pos{$i}"><i></i><span>{$vo1.title}</span><div class="txt"><p>{$vo1.desc}</p></div></li>
		{/sp:articles} 
        </ul>
      </div>
      <div class="swiper con4_pic">
        <div class="swiper-wrapper">
		{sp:articles cid="$vo['id']" id="vo1" field='a_id,title,desc' order="sort asc,a_id asc"}	
          <div class="swiper-slide">
            <p>{$vo1.desc}</p>
          </div>
		{/sp:articles} 
        </div>
      </div>
      <script>
        var map = new Swiper(".map", {
          slidesPerView:'auto',
          freeMode: true,
          watchSlidesProgress: true,
        });
        var con4_pic = new Swiper(".con4_pic", {
          spaceBetween: 10,
          thumbs: {
            swiper: map,
          },
		  effect: 'fade',
        });
		$('.map>.swiper-wrapper>.swiper-slide').mouseenter(function() {
		 console.log($(this).index())
		  var ind = $(this).index()
		  con4_pic.slideTo(ind, 600, false);
        });
      </script>
    </div>
  </div>
</div>

<div class="ab_con4 wow fadeInUp clear">
  <div class="w">
    <div thumbsSlider="" class="swiper ab_con4_txt">
      <div class="swiper-wrapper">
		{volist name="$vo['sub']" id="vo1"}
        <div class="swiper-slide">{$vo1.title}</div>
		{/volist}
      </div>
    </div>
    <div class="swiper ab_con4_bot">
      <div class="swiper-wrapper">
	  
		{volist name="$vo['sub']" id="vo1"}
        <div class="swiper-slide">
          <div class="adr_list">
            <ul class="comflex1">
			{sp:articles cid="$vo1['id']" id="vo2" field='a_id,title,info' order="sort asc,a_id asc"}	
              <li>
                <em>{$vo2.title}</em>
                {$vo2.info|raw}
              </li>
			{/sp:articles} 
            </ul>
          </div>
        </div>
		{/volist}
      </div>
    </div>
    <script>
      var ab_con4_txt = new Swiper(".ab_con4_txt", {
        slidesPerView:"auto",
        freeMode: true,
        watchSlidesProgress: true,
      });
      var ab_con4_bot = new Swiper(".ab_con4_bot", {
        thumbs: {
          swiper: ab_con4_txt,
        },
		autoHeight: true,
      });
    </script>
  </div>
</div>
{/if}
{/volist}
	



{include file="base/footer"}